.card {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    line-height: 16px;
    cursor: pointer;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
  }

  .card:hover {
    transform: scale(2);
  }

  .black {
    color: #000;
  }

  .red {
    color: #f00;
  }


  .layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    gap: 40px;
    margin-top: 10px;
  }